﻿$grey:#a3a3a3;
$black1:#333;
$black2:#444;
$red:#ff0000;

*{ margin: 0;padding: 0;}
html,body{height: 100%;font-family: 'Microsoft Yahei',Arial;}
a{text-decoration: none;color: #555}
i,em{font-style: normal}
li{ list-style: none;}
.relative{ position: relative;}
.absolute{position: absolute}
.block{ display: block;}
.inline-block{display: inline-block}
.fl{float: left}
.fr{float: right}
.t-c{text-align: center}
.t-l{text-align: left}
.t-r{text-align: right}
.bold{font-weight: bold}
.pointer{cursor:pointer}
.all{width:100%;height:100%;}
.all-w{width:100%;}
.all-h{height:100%;}

/*#region placeholder*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    $grey;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    $grey;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    $grey;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    $grey;
}
/*#endregion*/

/*#region marin*/
.l-margin-r1{ margin-right:2px;}
.l-margin-r2{ margin-right:4px;}
.l-margin-r3{ margin-right:6px;}
.l-margin-r4{ margin-right:8px;}
.l-margin-r5{ margin-right:10px;}
.l-margin-a10 {margin:10px;}
.l-margin-t10 {margin-top:10px;}
.l-margin-t20 {margin-top:20px;}

/*#endregion*/

/*#region padding*/
.l-padding-t1{padding-top: 40px}
.l-padding-a10{ padding: 10px;}
.l-padding-a20-10 {padding:20px 10px;}
.l-padding-r10{ padding-right: 10px;}
.l-padding-r20{ padding-right: 20px;}
/*#endregion*/

/*#region a 标签*/
.a1{color: $black1;}
.a1.cur{background-color:#A9A9A9!important}
.a1:link{}
.a1:visited{}
.a1:hover{background-color:#A9A9A9!important }
.a1:active{}

.a3{color: $black1;}
.a3:hover{ color: $black2;}
.a5{}
/*#endregion*/

/*#region 字体大小*/
.f-s1{font-size: 14px}
.f-s2{font-size: 16px}
.f-s3{font-size: 18px}
.f-s4{font-size: 24px}
/*#endregion*/

/*#region color*/
.c0{ color: $red !important;}
.c1{ color: #fff !important;}
.c3{color:#BCBCBC !important }
.c5{color: $grey !important}
.c7{color: #7C7C7C !important}
/*#endregion*/

/*#region border-color*/
.l-border-r{border-right: solid 1px}
.l-border-t{border-top: solid 1px}
.l-border-l{border-left: solid 1px}
.l-border-b{border-bottom: solid 1px}
.bc1{border-color:#D0D0D0 !important}
.bc2{border-color:#e5e5e5 !important }
/*#endregion*/

/*#region background-color*/
.bgc0{background-color:#fff}
.bgc1{background-color:#f5f5f5}
.bgc3{background-color: #e9e9e9}
.bgc5{background-color: #DCDCDC}
.bgc7{background-color:#A9A9A9 }
.bgc8{ background-color: $red}
/*#endregion*/

/*#region input*/
input,textarea{ outline: none;border: solid 1px;padding:4px 10px;font-size: 14px;font-family: 'Microsoft Yahei',Arial;box-shadow: inset 0 1px 1px #f5f5f5;-webkit-box-shadow: inset 0 1px 1px #f5f5f5;}/*transition: border-color ease-in-out .15s, box-shadow ease-in-out .5s*/
input:-webkit-autofill,textarea:-webkit-autofill,select:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}
input:focus{border-color: #999 !important; }/*box-shadow: inset 0 1px 1px #f5f5f5, 0 0 4px #00b38a;*/
input:focus~a.l-btn{border-color: #999 !important;color:#999 !important }
input.select{border-color: #999 !important; }/*box-shadow: inset 0 1px 1px #f5f5f5, 0 0 4px #00b38a;*/
input.select~a.l-btn{border-color: #999 !important;color:#999 !important}

input[disabled]{background:#e5e5e5 !important}

input.form-edit-error{background-color:$red;color:#fff;}


input.inp-lg1{ width: 30px;}
input.inp-lg2{ width: 60px;}
input.inp-lg3{ width: 80px;}
input.inp-lg4{ width: 120px;}
input.inp-lg5{ width: 150px;}
input.inp-lg6{ width: 180px;}
input.inp-lg7{ width: 210px;}
input.inp-lg8{ width: 240px;}
input.inp-lg9{ width: 270px;}
input.inp-lg10{ width: 300px;}

input.inp-hg1{ height:18px;line-height: 18px}
input.inp-hg2{height: 20px;line-height: 20px}
input.inp-hg3{height: 22px;line-height: 22px}
input.inp-hg4{height: 24px;line-height: 24px}
input.inp-hg5{height: 26px;line-height: 26px}
input.inp-hg6{height: 28px;line-height: 28px}
input.inp-hg7{height: 39px;line-height: 30px}
input.inp-hg8{height: 32px;line-height: 32px}
input.inp-hg9{height: 34px;line-height: 34px}
input.inp-hg10{height: 36px;line-height: 36px}

input.hidden{visibility:hidden}

textarea.inp-text {width:300px;height:100px;}

.inp-text{height: 24px;line-height: 24px;}
.inp-text.full{ border: none;height: 100%;width: 98%;padding: 0 1%;}
.inp-radio{ margin: 0 5px;}
input.inp-checkbox{width:30px!important;}

.radio-for{margin:0 20px 0 5px}

/*#region commonbox*/
.inp-text.commonbox{padding-right: 53px;}
.inp-text.commonbox~.l-btn{width: 26px!important}
.l-commonbox{ background-color: #fff;z-index: 1000;border: solid 1px #D0D0D0 ;top: -20px;width: 177px;max-height: 200px;overflow: auto;}
.l-commonbox li{height: 30px;line-height: 30px;padding: 0 9px;cursor: default;}
.l-commonbox li:hover{background: #e5e5e5}
.l-commonbox li.cur{ background: #999;color: #fff}
/*#endregion*/

/*#endregion*/

/*#region button*/
a.l-btn{ display: inline-block;text-align: center; min-width: 30px;border: solid 1px #D0D0D0;padding: 4px 5px;background:#fff}
a.l-btn.disable{ background: #e5e5e5 !important;cursor:default}
a.l-btn.btn-lg1{ width: 30px;}
a.l-btn.btn-lg2{ width: 60px;}
a.l-btn.btn-lg3{ width: 90px;}
a.l-btn.btn-lg4{ width: 120px;}
a.l-btn.btn-lg5{ width: 150px;}
a.l-btn.btn-lg6{ width: 180px;}
a.l-btn.btn-lg7{ width: 210px;}
a.l-btn.btn-lg8{ width: 240px;}
a.l-btn.btn-lg9{ width: 270px;}
a.l-btn.btn-lg10{ width: 300px;}

a.l-btn.btn-hg1{ height:18px;line-height: 18px}
a.l-btn.btn-hg2{height: 20px;line-height: 20px}
a.l-btn.btn-hg3{height: 22px;line-height: 22px}
a.l-btn.btn-hg4{height: 24px;line-height: 24px}
a.l-btn.btn-hg5{height: 26px;line-height: 26px}
a.l-btn.btn-hg6{height: 28px;line-height: 28px}
a.l-btn.btn-hg7{height: 39px;line-height: 30px}
a.l-btn.btn-hg8{height: 32px;line-height: 32px}
a.l-btn.btn-hg9{height: 34px;line-height: 34px}
a.l-btn.btn-hg10{height: 36px;line-height: 36px}

a.l-btn.submit{ background: $red;border-color: $red;color: #fff;}
a.l-btn.submit:hover{background: #F90606}
a.l-btn.submit:active{ padding: 5px 3px 3px 7px;}
a.l-btn.disable:active{ padding: 4px 5px;}


a.l-btn.getcode{ right: 0;top: 0;border-radius: 0;}

a.l-btn.page{ text-align: center;width: 34px;padding: 0;}
a.fa{ top: 0;right: 0;height: 34px;width: 34px;line-height: 34px;text-align: center;}
/*#endregion*/

/*#region 上传*/
.l-upload { }
.l-upload.imgbtnemployee { top: 10px; left: 500px; }
.l-upload.imgbtn { display: block; width: 100px; height: 100px; position: absolute; }
.l-upload.imgbtn .l-inputfile input { width: 100px; height: 100px; }
.l-upload img { width: 80px; height: 80px;vertical-align: bottom }
.l-upload .l-inputfile { cursor: pointer; display: block; position: absolute; top: 0px; left: 0; width: 100px; height: 30px; z-index: 100; background-color: #000000; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
.l-upload .l-inputfile input { width: 100px; height: 30px; cursor: pointer; }

.uploaddetail {font-size: 12px;color: #7C7C7C; height: auto; overflow: hidden; width: 400px; border: solid 1px #D0D0D0; background: #ffffff; z-index: 1000; }

.uploaddetail .uploadhandle { padding: 5px 3px; }
.uploaddetail .processbar { display: none; width: 180px; height: 20px; line-height: 20px; border: solid 1px #1BA1E2; vertical-align: middle; }
.uploaddetail .processbar .process { display: inline-block; background: #1BA1E2; width: 0%; height: 20px; }
.uploaddetail .processbarinfo { display: inline-block; width: 40px; }

.uploaddetail .viewmodel { display: inline-block; height: 22px; vertical-align: middle; float: right; }
.uploaddetail .viewmodel .pic,
.uploaddetail .viewmodel .list { display: block; width: 22px; height: 22px; float: left; cursor: pointer; }
.uploaddetail .viewmodel .pic { background: url(/Images/f/viewmodel3.png); }
.uploaddetail .viewmodel .list { background: url(/Images/f/viewmodel4.png); }
.uploaddetail .viewmodel .pic.select { border-right: none; background: url(/Images/f/viewmodel1.png); }
.uploaddetail .viewmodel .list.select { background: url(/Images/f/viewmodel2.png); }

.uploaddetail .uploadfiles { display: none; height: 164px; border-top: solid 1px #D0D0D0; overflow-y: auto; overflow-x: hidden; }
.uploaddetail .uploadfiles.list { }
.uploaddetail .uploadfiles.pic { }
.uploaddetail .uploadfiles.show { display: block; }
.uploaddetail .uploadfiles .file { display: block; float: left; width: 60px; height: 28px; line-height: 28px; border: solid 1px #D0D0D0; margin-right: 3px; text-align: left; background: #e6e6e6; }

.uploaddetail .uploadfiles.list .file { width: 100%; border: none; border-bottom: solid 1px #cccccc; position: relative; }
.uploaddetail .uploadfiles.list .file .ioc{ background: 0 5px no-repeat; display: block; width: 16px; height: 28px; position: absolute; left: 2px; top: 0; }
.uploaddetail .uploadfiles.list .file .filename { display: block; float: left; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-indent: 20px; }
.uploaddetail .uploadfiles.list .file .filesize { display: block; float: left; width: 100px; text-align: center; position: absolute; right: 20px; top: 0; }
.uploaddetail .uploadfiles.list .file .del { display: block; float: left; width: 16px; text-align: center; text-decoration: none; cursor: pointer; position: absolute; right: 20px; top: 0; }

.uploaddetail .uploadfiles.pic .file { width: 100px; height: 100px; margin: 3px; position: relative; }
.uploaddetail .uploadfiles.pic .file .ioc { display: block; height: 60px; line-height: 60px; background-image: none !important; background: #ffffff; text-align: center; font-size: 20px; font-weight: 700; vertical-align: middle; }
.uploaddetail .uploadfiles.pic .file .ioc img { max-width: 100%; max-height: 60px; }
.uploaddetail .uploadfiles.pic .file .filename { display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; height: 20px; line-height: 20px; text-align: center; }
.uploaddetail .uploadfiles.pic .file .filesize { display: block; height: 20px; text-align: center; line-height: 20px; }
.uploaddetail .uploadfiles.pic .file .del { position: absolute; top: 0; right: 0; border: solid 1px #cccccc; border-right: none; border-top: none; background: #e6e6e6; width: 12px; height: 12px; line-height: 10px; text-decoration: none; text-align: center; cursor: pointer; }
/*#endregion*/

/*#region 加载*/
.l-loading{ background: url(/images/l-loading.gif) no-repeat center;}
/*#endregion*/

/*#region 提醒(数字、文字) i标签 */
i.war{ border-radius: 50px;height: 12px;line-height: 11px;min-width: 12px;font-weight: 500; background: #000;color: #fff;font-size: 10px;padding:2px;}
i.war.empty{ min-width: 5px;height: 5px;font-size: 0;top: 10px;right: 8px;}
/*#endregion*/

/*#region 所有的数字 em 标签*/
em{}
/*#endregion*/

/*#region 鼠标点击选择*/
.select-focus{ display: block;height: 100%;}
.select-focus.select{background: #fbf9ee}
/*#endregion*/

/*#region top*/
.l-m-top{ width: 100%;min-width: 600px; height: 45px;line-height: 45px; background: $red;position: fixed;z-index: 100000;color: #fff;}
.l-m-top .l-start{ float: left;color: #fff;width: 80px; height: 45px;line-height: 45px;text-align: center;cursor: default}
.l-m-top .l-start.cur{background: #CC0000;border-bottom: solid 1px #cc0000;border-right: solid 1px #aa0000;width: 79px;}
.l-m-top .l-start:hover{background: #CC0000;}
.l-start-list{ position: fixed;top: 45px;left: 0;width: 80%;min-width: 600px; height: auto;overflow: hidden;padding: 20px; background: #CC0000;display: none;border: solid 1px #aa0000;border-left: none;}
.l-start-list dl:first-child{ border: none;padding-left: 20px;}
.l-start-list dl{ display: block;float: left;width: 180px;height: auto;overflow: hidden;color: #fff;border-left: solid 1px #fff;padding-left:40px;}
.l-start-list dl dt{ height: 30px;line-height: 30px;font-size: 18px;font-weight: 600;}
.l-start-list dl dd{ margin: 5px 0;padding: 0 10px; }
.l-start-list dl dd a{ color: #fff;font-size: 14px;display: block;padding: 10px 10px;}
.l-start-list dl dd a:hover{background:#AA0000 }
/*#region l-nav*/
.l-m-top .l-navtab{ width: calc(100% - 320px);height: 45px; float: left;overflow: hidden;margin-right: 40px;position: relative;}
.l-m-top .l-navtab>a{display:block;float: left;width: 140px;max-width: 140px;min-width: 2px;padding: 0 26px 0 4px; height: 45px;line-height: 45px; text-align: center; color: #fff; font-size: 14px;background: transparent;position: relative;}
.l-m-top .l-navtab>a:hover{ background-color: #dd0000;}
.l-m-top .l-navtab>a.cur{ background: #f5f5f5;color: $black1;z-index: 3;border-left: solid 1px #f5f5f5;border-right: solid 1px #f5f5f5;}
.l-m-top .l-navtab .l-navtab-text{ overflow: hidden;text-overflow: clip;  white-space: nowrap;display: block;max-width: 140px;}
.l-m-top .l-navtab .l-navtab-state{ position: absolute;top: 8px;right: 10px;width: 9px;height: 10px;line-height: 10px;text-align: center}
.l-m-top .l-navtab .l-navtab-close{ position: absolute;top: 16px;right: 14px;width:12px;height: 12px;line-height:10px;text-align: center;font-size: 16px;font-weight: 600}
.l-m-top .l-navtab .l-navtab-close:hover{background: #880000;color: #fff;}
/*#endregion*/

.l-m-top  .l-user{ width: 170px;float: right;font-size: 12px;line-height: 15px;text-align: right;margin-right: 30px;margin-top: 8px;}
.l-m-top  .l-user a{color: #fff;}
/*#endregion*/

/*#region content*/
.l-m-content{font-size: 14px; background: #f5f5f5;min-width: 894px!important;height:auto; overflow: hidden;color: #555;padding: 45px 0 0 0;background-color: #f5f5f5;height: calc(100% - 45px)}
.l-m-content iframe{ height: 100%;}
/*#endregion*/

/*#region  tool 工具栏*/
.r-condition{ height:auto;overflow:hidden;font-size:14px;position:fixed;width:100%;}
.r-condition .r-c-list{ float: left;}
.r-condition .r-c-list span,.r-condition .r-c-list a{ display: inline-block;margin-right:10px;height:30px;line-height:30px;}
.r-condition .r-c-list span{padding:4px 5px}
.r-condition .r-c-list a.cur{background-color:$red;color:#fff;border-color:$red}

.r-condition .r-c-tool {float:left;}
.r-condition .r-c-tool a{height:30px;line-height:30px;width:30px;margin-right:10px;}

.r-condition .r-c-search{}
.r-condition .r-c-search input{ padding-right: 30px;}
.r-condition .r-c-search a.senior-search{ line-height: 15px;margin: 0 3px;}
/*#endregion*/

/*#region iframe */
.ifram-top{height:60px;z-index:100}
.ifram-content{height:calc(100% - 60px);}
.ifram-bottom{height:70px;line-height:70px;}
/*#endregion*/

/*#region 列表*/
.l-m-table{ width: 100%;height: 100%;overflow: hidden;}
.l-m-table table{ border-collapse: collapse;width: 100%}
.l-m-table table th{ font-weight: normal;font-size: 14px;padding: 5px 10px;height: 30px;line-height: 30px;text-align: left}
.l-m-table table th.t-c {text-align:center;}
.l-m-table table th.h20{height:20px;line-height:20px;padding:0 10px;}
.l-m-table table td{font-size: 14px;padding: 3px 10px;height: 30px;line-height: 28px;border-bottom: solid 1px #e9e9e9;color: $grey}
.l-m-table table tr:nth-child(odd){background-color:#f5f5f5;}
.l-m-table table tr:nth-child(even){background-color:#f1f1f1}
.l-m-table table tr.bgc3{background-color:#e9e9e9}

.l-m-table table td.bd-left{border-left: solid 1px #e9e9e9;}
.l-m-table table td.bd-right{border-right: solid 1px #e9e9e9;}
.l-m-table table td.bd-top{border-top: solid 1px #e9e9e9;}
.l-m-table table td.bd-bottom{border-bottom: solid 1px #e9e9e9;}
.l-m-table table td.t-c {text-align:center;}
.l-m-table table td.red{color:$red;}

.l-m-table.form{}
.l-m-table.form th,.l-m-table.form td{ border: solid 1px #D0D0D0;height: 40px;line-height: 40px;}
.l-m-table.form td{padding: 0;text-align: center}
.l-m-table.form td.h8{ font-size: 0;height: 8px;}
.l-m-table.form td.h80{ height: 80px;}
.l-m-table.form td .commonbox{padding-right:0;text-indent:5px;}
.l-m-table.form td .commonbox.full{width:100%;padding:0;}
.l-m-table.form td .commonbox+.l-btn{border:none;}

/*#region 固定列*/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {font-size: 100%;font: inherit;vertical-align: top;}

.fht-table {border-collapse: collapse;border-spacing: 0;}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {overflow: hidden;position: relative;}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody { overflow: auto;}

.fht-table-wrapper .fht-table .fht-cell {overflow: hidden;height: 1px;}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {top: 0;left: 0;position: absolute;}

.fht-table-wrapper .fht-fixed-column {z-index: 1;}
/*#endregion*/

/*#endregion*/

/*#region 分页*/
.l-page{}
.l-page a{padding:10px;color:$grey}
.l-page span{padding:10px;color:#555}
/*#endregion*/

/*#region ul li*/
.l-m-ul{}
.l-m-ul li{float: left}
/*#endregion*/

/*#region 表单*/
.l-m-form{ height: auto;overflow: hidden;}
.l-m-form .form-title{ border-bottom: solid 1px;padding: 10px 0;margin: 10px 0;}
.l-m-form .form-item{ padding: 12px 0;position: relative;}
.l-m-form .form-item.inline-block{margin-right: 100px}
.l-m-form .form-item .label{ display: inline-block;width: 100px;text-align: right;font-size: 12px;padding-right: 12px;}
.l-m-form .form-item .req{ color: $red;display: inline-block;width: 10px;height:50%;line-height:50%; position: absolute;left: 105px;top:50%;}
.l-m-form .form-item .content{ display: inline-block;position: relative;height:auto;vertical-align:middle}
.l-m-form .form-item .content .checkboxforinput {
    background: $black1 none repeat scroll 0 0;
    border-radius: 100px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset;
    cursor: pointer;
    display: block;
    height: 30px;
    left: 0;top: 0;
    position: absolute;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.l-m-form .form-item .content input[type="checkbox"]:checked ~ label.checkboxforinput {
    background: #26ca28 none repeat scroll 0 0;
}
.l-m-form .form-btnitem{ padding-left: 116px;}
.l-regist .form-item .label{ font-size: 16px;text-align: left;padding: 0}

/*#region 表单验证*/
.helper,.error,.correct,.nomal {display:block;width: auto;height: 17px;line-height: 17px;vertical-align: middle;position: absolute;white-space: nowrap;font-size: 12px;margin-top: 3px;}
.nomal{ display: none;}
.helper{left: auto ;right:-40px;top:6px;width: 20px;height: 20px;line-height: 20px;text-align:center;color: #00b38a;border: solid 2px #00b38a;border-radius: 50%;}
.error{color: $red;padding-left: 10px;}
.correct{color: #00b38a ;}
acronym{display:none;}
/*#endregion*/

/*#endregion*/

/*#region 详情页*/
.l-m-detail{height:auto;overflow:hidden}
.l-m-detail .detail-item{ padding: 12px 0;position: relative;}
.l-m-detail .detail-item.inline-block{margin-right: 100px}
.l-m-detail .detail-item .label{ display: inline-block;width: 100px;text-align: right;font-size: 12px;padding-right: 12px;}
.l-m-detail .detail-item .content{ display: inline-block;height:auto;vertical-align:middle;min-width:200px;}
/*#endregion*/

/*#region Tooltip*/
.l-tooltip{ position: absolute;top: 100px;left: 10px;height: auto;padding: 20px;background: #FEF98A;border-radius: 4px;color: $black1;border: solid 1px $black1}
.l-tooltip:before {content:'';position: absolute;top: -8px;left: 50%;margin-left: -58px;width: 0;height: 0;
                   border-bottom: 8px solid #FEF98A;
                   border-right: 8px solid transparent;
                   border-left: 8px solid transparent;}
/*#endregion*/

/*#region 注册页*/
.l-regist-top{ height: auto;overflow: hidden;width: 100%;}
.l-regist-top .l-regist-head{width: 600px;margin: 0 auto;}
.l-regist-top .l-regist-logo{padding: 20px 0 10px 0;display: inline-block;}
.l-regist-top .l-regist-line{ border-right: solid 1px #fff;font-size: 0;display: inline-block;width: 1px;height: 30px;vertical-align: text-bottom;margin:0 5px;}
.l-regist-top .l-regist-title{ }

.l-regist{ width: 100%;}
.l-regist .form-item{padding: 16px 0}
.l-regist .form-item>.req{ display: none;}
.l-regist-step{ height: 20px;padding: 50px 0 30px 0;max-width:900px;margin: 0 auto;border-bottom: solid 2px #e5e5e5;}
.l-regist-step li{ width: 200px;height: 30px;line-height: 30px;text-align: center;padding-bottom: 8px;}
.l-regist-step li.cur i{background-color: $red!important}
.l-regist-step li i{ width: 18px;height: 18px;line-height: 18px;font-size: 14px;margin: 5px;}
.l-regist-form{ width: 420px;margin: 0 auto;padding-top: 30px;}
.l-regist-form2{ width: 570px;}

.l-regist-success{}
/*#endregion*/

/*#region 登录*/
.l-login{position: absolute; top: 50%;left:50%;margin: -182px 0 0 -130px;  width: 370px;}
.l-login .form-item{padding: 5px 0}
.l-login .helper,.l-login .error,.l-login .nomal{ display: inline-block;top: 13px}
.l-login .helper{ right: auto;left: auto;margin-left: 10px}
.l-login-logo{font-size: 36px;font-weight:500}
.l-login-info{ height: 30px;line-height: 30px;padding-bottom: 20px;}
.l-login .form-item img{ vertical-align: middle;margin-left: 5px;cursor: pointer}
.l-login .btn-lg7{padding:4px 10px}
.l-login a.l-btn.submit:active{ padding: 5px 6px 3px 14px;}
.l-login-bottom{ position: absolute;bottom: 0;left: 0;font-size: 14px;padding: 5px 10px;}
/*#endregion*/

/*#region 窗口*/
.ld-mask-bg{ width: 100%;height: 100%;z-index: 1000;left: 0;top: 0;position: fixed;opacity:0.3;filter:alpha(opacity=30);background:#000}
.ld-window{ position: absolute;top: 50%;left: 50%; border: solid 4px #dddddd;width: 350px;height: auto;overflow: hidden;z-index: 1001;background: #fff;}
.ld-window dl{width:100%;height:100%;}
.ld-window dt{ background: #e3e3e3;color: $black1;height: 30px;line-height: 30px;text-align: left;padding-left: 10px;font-weight: bold; }
.ld-window dt span{ background: url(/images/icon.gif) -40px -62px;width: 20px;height: 18px;display: inline-block;float: right;margin: 4px 4px 0 0;cursor: pointer}
.ld-window dd{width:100%;height:100%;}
.ld-window label input{ height: 40px;border: solid 1px #C5C5C5;width: 275px;padding-left: 5px;color: rgb(102, 102, 102);  }
.ld-window label input:hover{border-color:#FF9900}
.ld-window label input:focus{border-color:#FF9900}
.ld-window .db-confirm{ height: auto;overflow: hidden;}
.db-icon{background: url(/images/icon.gif) no-repeat;float: left; height:45px; width:45px;}
.db-icon-help {background-position: 0 -199px;margin-top:8px;}
.db-icon-ok {background-position: 0 -336px;}
.db-icon-info{background-position: 0 -130px;}
/*#endregion*/

/*#region 地图*/
.ld-map{ width: 100%;height: 100%;}
.ld-map-list{ width: 200px;height: auto;overflow: hidden;float: left;border: solid 1px #b5b9c0;position: absolute;top: 20px;left: 70px;background: #fff;filter:alpha(opacity=80); opacity:0.8;}
.ld-map-list a{ display: block;padding: 10px 20px;border-bottom: solid 1px #b5b9c0}
.ld-map-list a label{}
.ld-map-list a span{}
/*#endregion*/